<!--
	用户管理页
-->
<template>
	<el-tabs @tab-click="tabClick">
		<!-- 教务管理员 start -->
<!--		<el-tab-pane>-->
<!--			<template #label>-->
<!--				<span>教务管理员</span>-->
<!--			</template>-->
<!--			<template #default>-->
<!--				<lzk-educational-admin-list></lzk-educational-admin-list>-->
<!--			</template>-->
<!--		</el-tab-pane>-->
		<!-- 教务管理员 end -->
		<!-- 教师 这里教师包括教师和班主任 start -->
		<el-tab-pane>
			<template #label>
				<span>教师</span>
			</template>
			<template #default>
				<lzk-teacher-list></lzk-teacher-list>
			</template>
		</el-tab-pane>
		<!-- 教师 end -->
		<!-- 学员 start -->
		<el-tab-pane>
			<template #label>
				<span>学员</span>
			</template>
			<template #default>
				<lzk-student-list></lzk-student-list>
			</template>
		</el-tab-pane>
		<!-- 学员 end -->
		<!-- 导入 start -->
		<el-tab-pane>
			<template #label>
				<span>导入</span>
			</template>
			<template #default>
				<lzk-import-user></lzk-import-user>
			</template>
		</el-tab-pane>
		<!-- 导入 end -->
	</el-tabs>
</template>

<script>
import {mapState} from 'vuex'
import EducationalAdminList from "@/views/admin/userManage/EducationalAdminList";
import TeacherList from "@/views/admin/userManage/TeacherList";
import StudentList from "@/views/admin/userManage/StudentList";
import ImportUser from "@/views/admin/userManage/ImportUser";

export default {
	name: "UserManage",
	data() {
		return {

		}
	},
	// 组件
	components:{
		"lzk-educational-admin-list":EducationalAdminList,
		"lzk-teacher-list":TeacherList,
		"lzk-student-list":StudentList,
		"lzk-import-user":ImportUser,
	},
	// vuex数据
	computed:{
		...mapState({
			// 这里面是只读属性
		}),
	},
	methods: {
		tabClick(value){
			// console.log(value.props.name);

		},

	},
	mounted(){

	}
}
</script>

<style lang="scss" scoped>
.editDialog{
	display: flex;
	flex-direction: column;
	justify-content: center;

}

.list-import{
	height: 100%;
	.upload{
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
}

</style>
